<template>
  <z-rate v-model:value="value1" allow-half>
    <template #character>
      <heart-outlined />
    </template>
  </z-rate>
  <br />
  <z-rate v-model:value="value2" character="A" allow-half style="font-size: 36px" />
  <br />
  <z-rate v-model:value="value3" character="好" allow-half />
</template>
<script>
import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: 'RateDemo4',
  setup(){
    const value1 = ref(2)
    const value2 = ref(2.5)
    const value3 = ref(0.5)
    return {
      value1,
      value2,
      value3
    }
  }
})
</script>
